<!DOCTYPE html>
<html class="ui-page-login">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="Access-Control-Allow-Origin" content="*">
		<meta http-equiv="content-security-policy">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<!-- build:css /css/main.css -->
		<link href="/css/mui.css" rel="stylesheet" />
		<link href="/css/iconfont.css" rel="stylesheet" />
		<link href="/css/common.css" rel="stylesheet" />
		<!-- endbuild -->
		<style>
			.mui-content {
				height: auto;
			}
			
			.mui-table-view {
				font-size: 12px;
			}
			
			.mui-table-view-cell .mui-badge-t {
				position: absolute;
				top: 50%;
				right: 15px;
				line-height: 0px;
			}
			
			.mui-btn-block {
				padding: 10px 0;
				background-color: #e93429;
			}
		</style>

	</head>

	<body>
		<header class="mui-bar mui-bar-nav u-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">支付订单</h1>
		</header>
		<nav class="mui-bar mui-bar-tab">
			<a class="zj">
				实付：
				<font id="countMoney">0.00</font>
			</a>
			<a class="zj-btn">立即支付</a>
		</nav>
		<div class="mui-content">
			<div class="mui-scroll-wrapper" id="pullrefresh">
				<div class="mui-scroll">
					<ul class="mui-table-view" style="margin-top:45px;">

						<li class="mui-table-view-cell">订单编号<span class="mui-badge-t orderNo">201666658522340</span></li>
						<li class="mui-table-view-cell">快递方式<span class="mui-badge-t shipping">顺丰</span></li>
						<li class="mui-table-view-cell">支付方式<span class="mui-badge-t paytype">支付宝</span></li>
					</ul>
				</div>
			</div>
		</div>

		<!-- build:js /js/vendor.js -->
		<script src="/js/mui.min.js"></script>
		<!-- bower:js -->
		<script src="/bower_components/mockjs/dist/mock.js"></script>
		<script src="/bower_components/zepto/zepto.js"></script>
		<script src="/bower_components/Zepto-Cookie/zepto.cookie.js"></script>
		<!--  endbower -->
		<!-- endbuild -->
		<!-- build:js /js/main.js -->
		<script src="/js/common.js"></script>
		<script src="/js/app.js"></script>
		<!-- endbuild -->
		<script>
			var selfdata;
			(function(mui, doc) {

				mui('#pullrefresh').scroll({
					deceleration: 0.0005
				});

				mui.ready(function() {

					mui("body").on('tap', '.zj-btn', function() {
						openView('https://mapi.alipay.com/gateway.do?_input_charset=UTF-8&body=2016122382308413&currency=USD&notify_url=http%3A%2F%2Fwww.umost.cn%2Fcanal%2Frespond.php%3Fcode%3DYToyOntzOjQ6InR5cGUiO2k6MTtzOjQ6ImNvZGUiO3M6MTM6ImdqX2FsaXBheV93YXAiO30&out_trade_no=2016122382308413O332&partner=2088021295322518&product_code=NEW_WAP_OVERSEAS_SELLER&return_url=http%3A%2F%2Fwww.umost.cn%2Fcanal%2Frespond.php%3Fcode%3DYToyOntzOjQ6InR5cGUiO2k6MDtzOjQ6ImNvZGUiO3M6MTM6ImdqX2FsaXBheV93YXAiO30&rmb_fee=4.20&service=create_forex_trade_wap&split_fund_info=%5B%7B%22transIn%22%3A%222088311135992545%22%2C%22amount%22%3A%224.1%22%2C%22currency%22%3A%22CNY%22%2C+%22desc%22%3A%22%22%7D%5D&subject=2016122382308413&sign=76a79147551b3bfba0992c9efca8db6d&sign_type=MD5')
						var channel = null;
						plus.payment.getChannels(function(channels) {
							channel = channels[0];
							if(channel.id != 'alipay') {
								channel = channels[1];
							}
							plus.payment.request(channel, selfdata.pay_online, function(result) {
								plus.nativeUI.alert("支付成功！", function() {
									//back();
									openView('_www/user/order-info.html', 'order-info.html', {
										order_id: selfdata.order.order_sn
									});
									return;
								});
							}, function(error) {
								alert("支付失败：" + error.code);
							});
						}, function(e) {
							alert("获取支付通道失败：" + e.message);
						});

						//window.location.href = selfdata.pay_online;
					});

				});
			}(mui, document));
		</script>
	</body>

</html>